import "./study.css";

const arr = [
  {
    desc: "学习React",
    time: "40min",
    month: "四月",
    date: "30",
  },
  {
    desc: "学习Vue",
    time: "30min",
    month: "五月",
    date: "29",
  },
  {
    desc: "学习Angular",
    time: "20min",
    month: "六月",
    date: "28",
  },
];

function Study() {
  return (
    <>
      <div className="logs">
        {arr.map((item) => (
          <div className="item">
            <div className="date">
              <div className="month"> {item.month} </div>
              <div className="day">{item.date}</div>
            </div>
            <div className="content">
              <div className="desc"> {item.desc} </div>
              <div className="time"> {item.time} </div>
            </div>
          </div>
        ))}
      </div>
    </>
  );
}

export default Study;
